<template>
	<view class="">
		<u-navbar title="问题反馈" @leftClick="leftClick" :autoback="true"></u-navbar>
		<view class="flex-col page">
		  <view class="flex-col group_3">
		    <image
		      class="image_7"
		      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16647006257235961772.png"
		    />
		    <view class="flex-col space-y-44 section_3">
		      <view class="flex-col space-y-20">
		        <text class="font_2 text_7">反馈内容</text>
		        <view class="">
					<u--textarea class="" height="255" v-model="content" placeholder="请输入反馈内容..." confirmType="done"></u--textarea>
				</view>
		      </view>
		    </view>
		    <view class="flex-col items-center button"><text class="text_9" @click="submit">提交</text></view>
		  </view>
		</view>
	</view>
</template>

<script>
	import {feedBack} from '@/api/index.js'
	export default {
		data() {
			return {
				title:'',
				content:'',
				"name":"",//反馈用户
				"feedbackContent":"你们可以代理专利吗",//反馈内容/问题描述
				"contact":"",//联系方式
			};
		},
		onLoad(option) {
			
		},
		methods:{
			leftClick(){
				if (getCurrentPages().length > 1) {
					uni.navigateBack();
				} else {
					uni.switchTab({
						url: '../../pages/index/index'
					})
				}
			},
			
			submit(){
				feedBack({name:this.$userInfo().phone || '',feedbackContent:this.content,contact:this.$userInfo().phone || ''}).then(res => {
					if(res.code === 200) {
						this.$u.toast('操作成功');
						// uni.navigateBack();
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
	  background-color: #f4f6f8;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	  .group_3 {
	    flex: 1 1 auto;
	    overflow-y: auto;
	    .image_7 {
	      flex-shrink: 0;
	      width: 750rpx;
	      height: 200rpx;
	    }
	    .space-y-44 {
	      & > view:not(:first-child),
	      & > text:not(:first-child),
	      & > image:not(:first-child) {
	        margin-top: 44rpx;
	      }
	      .space-y-20 {
	        & > view:not(:first-child),
	        & > text:not(:first-child),
	        & > image:not(:first-child) {
	          margin-top: 20rpx;
	        }
	        .font_2 {
	          font-size: 30rpx;
	          font-family: Microsoft YaHei;
	          line-height: 29rpx;
	          color: #666666;
	        }
	        .text_5 {
	          align-self: flex-start;
	        }
	        .text-wrapper {
	          margin-right: 8rpx;
	          padding: 25rpx 0 27rpx;
	          background-color: #fafafa;
	          border: solid 1rpx #e6e6e6;
	          .text_6 {
	            margin-left: 20rpx;
	            line-height: 26rpx;
	          }
	        }
	        .text_7 {
	          align-self: flex-start;
	        }
	        .text-wrapper_2 {
	          margin-right: 8rpx;
	          padding: 24rpx 0 447rpx;
	          background-color: #fafafa;
	          border: solid 1rpx #e6e6e6;
	          .text_8 {
	            margin-left: 20rpx;
	            line-height: 27rpx;
	          }
	        }
	        .font_3 {
	          font-size: 28rpx;
	          font-family: Microsoft YaHei;
	          font-weight: 300;
	          color: #999999;
	        }
	      }
	    }
	    .section_3 {
	      margin-left: 7rpx;
	      margin-top: 10rpx;
	      padding: 34rpx 23rpx 212rpx;
	      background-color: #ffffff;
	    }
	    .button {
	      margin-top: -73rpx;
	      padding: 28rpx 0 26rpx;
	      background-color: #5677fc;
	      box-shadow: 0px -5rpx 7rpx #00000026;
		  width: 100%;
		  bottom: 0;
	      position: fixed;
	      .text_9 {
	        color: #ffffff;
	        font-size: 34rpx;
	        font-family: Microsoft YaHei;
	        line-height: 34rpx;
	      }
	    }
	  }
	}
</style>